<script setup>
  import { onMounted,ref } from 'vue';
  import { getUserInfoApi,getTaskReportApi } from '@/apis/user';
  onMounted(()=>{
      getUserInfo()
      getTaskReport()
  })
  // 存储用户信息
  const userInfo = ref({})
  // 得到用户列表
  const getUserInfo = async()=>{
  const res = await getUserInfoApi()
  if(res.code !== 200){
    uni.utils.toast({
      title:'得到用户信息失败',
      icon:'error'
    })
  }
  userInfo.value = res.data
  }

  // 得到任务列表
  const getTaskReport = async() => {
   const res = await getTaskReportApi({year:'2023',month:'07'})
   console.log(res,'没有任务数据');
  }


</script>

<template>
  <view class="page-container">
    <view class="user-profile">
      <image class="avatar" :src="userInfo.avatar" mode=""></image>
      <text class="username">{{userInfo.name}}</text>
      <text class="no">司机编号：{{userInfo.number}}</text>
      <text class="mobile">手机号码：{{userInfo.phone}}</text>
    </view>
    <view class="month-overview">
      <view class="title">我的任务</view>
      <view class="content">
        <view class="item">
          <text class="volumn">18</text>
          <text class="label">任务总量</text>
        </view>
        <view class="item">
          <text class="volumn">16</text>
          <text class="label">完成任务量</text>
        </view>
        <view class="item">
          <text class="volumn">3987</text>
          <text class="label">运输里程(km)</text>
        </view>
      </view>
    </view>
    <view class="entry-list">
      <uni-list :border="false">
        <uni-list-item
          to="/subpkg_user/truck/index"
          showArrow
          title="车辆信息"
        />
        <uni-list-item
          to="/subpkg_user/task/index"
          showArrow
          title="任务数据"
        />
        <uni-list-item
          to="/subpkg_user/settings/index"
          showArrow
          title="系统设置"
        />
      </uni-list>
    </view>
  </view>
</template>

<style lang="scss" scoped>
  @import './index.scss';
</style>
